<script lang="ts" setup>
  defineProps<{ label?: any }>();
</script>

<template>
  <div class="umrp-descriptions-item">
    <div class="umrp-descriptions-item-label">{{ label }}</div>
    <div class="umrp-descriptions-item-value">
      <slot></slot>
    </div>
  </div>
</template>

<style lang="scss" scoped>
  .umrp-descriptions-item {
    display: flex;
    align-self: center;
    gap: 20px;

    &-label {
      color: var(--text-gray-1);
    }
  }
</style>
